.app-tabview{
	margin-top: var(--status-bar-height);
	height: 64upx;
	display: none;
	align-items: center;
	justify-content: center;
	text{
		display: block;
		
		width: 300upx;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
}
.app-con{
	background-repeat: no-repeat;
	background-size: 100% auto;
	.app-0{
		text-align: center;
		padding-top:  var(--status-bar-height);
		text{
			display: block;
			height: 64upx;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size: 32upx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #FFFFFF;
			padding-left: 40upx;
		}
	}
	.app-1{
		background-color: #fff;
		border-radius: 10px 10px 0 0;
		display: flex;
		flex-wrap: wrap;
		>view{
			width: 20%;
			text-align: center;
			margin-top: 45upx;
			position: relative;
			view{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 70upx;
				height: 50upx;
				margin: 0 auto 15upx;
			}
			text{
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #1B1B1B;
			}
			button{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 10;
				opacity: 0;
			}
		}
	}
	.app-2{
		padding: 30upx 20upx;
		display: flex;
		align-items: center;
		image{
			&:nth-child(1){
				width:122upx;
			}
			&:nth-child(2){
				width:44upx;
				margin: 0 20upx 0 50upx;
			}
			&:nth-child(3){
				width:121upx;
			}
		}
	}
	.app-3{
		padding: 0 20upx;
		display: flex;
		justify-content: space-between;
		view{
			width: 24%;
			image{
				width: 100%;
			}
		}
	}
	.app-4{
		padding: 40upx 0 0;
		margin: 0 30upx;
		border-bottom: 2px solid  #3559E3;
		view{
			display: inline-block;
			width: 20%;
			height: 55upx;
			line-height: 55upx;
			font-size: 28upx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #000000;
			text-align: center;
			&.on{
				background-color: #3559E3;
				color: #fff;
				border-radius: 5px 5px 0 0;
			}
		}
	}
	.app-5{
		padding: 0 30upx;
		.list{
			>view{
				margin-top: 35upx;
				display: flex;
				>view{
					&:nth-child(1){
						width: 170upx;
						height: 125upx;
						position: relative;
						border-radius: 5px;
						overflow: hidden;
						>image{
							width: 100%;
							height: 100%;
						}
						view{
							position: absolute;
							width: 100%;
							height: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							image{
								width: 65upx;
							}
						}
					}
					&:nth-child(2){
						flex: 1;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin-left: 30upx;
						text{
							&:nth-child(1){
								font-size: 31upx;
								font-family: Source Han Sans CN;
								font-weight: 500;
								color: #333333;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;
							}
							&:nth-child(2){
								font-size: 24upx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #BBBBBB; 
							}
						}
					}
				}
			}
		}
	}
	.app-6{
		padding: 20upx 30upx;
		.app-61{
			height: 280upx;
			position: relative;
			border-radius: 5px;
			>view{
				&:nth-child(1){
					position: absolute;
					width: 100%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 10;
					image{
						width: 80upx;
					}
				}
			}
			image{
				width: 100%;
				height: 100%;
			}
		}
		>text{
			font-size: 30upx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			display: block;
			margin: 10upx 0;
		}
		.app-62{
			display: flex;
			align-items: center;
			margin-bottom: 10upx;
			image{
				width: 23upx;
			}
			text{
				margin-left: 15upx;
				font-size: 22upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
		.app-63{
			font-size: 22upx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 36upx;
			padding-bottom: 30upx;
		}
	}
	.app-7{
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 30upx;
		view{
			width: 33%;
			text-align: center;
			margin-top: 25upx;
			image{
				width:90upx;
			}
			text{
				font-size: 22upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				display: block;
			}
		}
	}
	.app-8{
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 30upx;
		view{
			width: 25%;
			text-align: center;
			margin-top: 25upx;
			image{
				width:90upx;
			}
			text{
				font-size: 22upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				display: block;
			}
		}
	}
}